<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 5 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <meta charset="utf-8">
  <title>首页</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
</head>
<!--  1、 框架标签引入区 （start）-->
<!--  1、 框架标签引入区 （end）-->
<!--  2、 CSS声明区 （start）-->
<!--  2.0、引入CSS区 （start）-->
	<link rel="stylesheet" href="<%=request.getContextPath() %>/other/layui/css/layui.css"/>
	<link rel="stylesheet" href="<%=request.getContextPath() %>/other/layui/css/admin.css"/>
  	<link rel="stylesheet" href="<%=request.getContextPath() %>/freeStyle/css/saber.css"/>
<!--  2.0、 引入CSS区 （end）-->
<!--  2.1、本界面CSS区 （start）-->
<style type="text/css">

</style>
<!--  2.1、 本界面CSS区 （end）-->
<!--  2、 CSS声明区 （end）-->
<!--  3、JS声明区 （start）-->
<!--  3.0、 导入外部JS区 （start）-->
<!--  3.0、 导入外部JS区 （end）-->
<!--  3.1、 全局变量声明区 （start）-->
<script type="text/javascript">

</script>
<!--  3.1、 全局变量声明区 （end）--> 
<!--  3.2、 初始化区 （start）-->
<script type="text/javascript">

</script>
<!--  3.2、 初始化区 （end）-->
<!--  3.3、 页面控制区 （start）-->
<script type="text/javascript">

</script>
<!--  3.3、 页面控制区 （end）-->
<!--  3.4、 事件区 （start）-->
<script type="text/javascript">
</script>
<!--  3.4、 事件区 （end）-->
<!--  3.5、 回调区 （start）-->
<script type="text/javascript">
window.onload=function(){ 
 
}
</script>
<!--  3.5、 回调区 （end）-->
<!--  3.6、 业务逻辑区 （start）-->
<!--  3.6、 业务逻辑区 （end）-->
<!--  3、 JS声明区 （end）-->
<body class="management-body">
<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
    <div class="layui-col-md4">
        <div class="layui-card">
         <div class="layui-card-header">备忘录</div>
          <div class="layui-card-body">
            <div class="layui-carousel layadmin-carousel" lay-arrow="none" style="width: 100%; height: 595px!important;">
	              <div carousel-item="">
	              		<div class="layui-row layui-col-space10 layui-this">
							<div style="position: relative;overflow: hidden;height: 332px;" >
								<c:forEach items="${baseMemory}" var="baseMemory" >
									<div <c:if test="${baseMemory.type=='1'}">style="color:red"</c:if>>${baseMemory.content}</div><br />
								 </c:forEach>
							</div>
						</div>
	              </div>
	           <!--  <div class="layui-carousel-ind">
	            	<ul><li class="layui-this"></li><li class=""></li><li class=""></li>
	            	</ul>
	            </div> -->
	            <button class="layui-icon layui-carousel-arrow" lay-type="sub"></button>
	            <button class="layui-icon layui-carousel-arrow" lay-type="add"></button>
            </div>
          </div>
        </div>
      </div>
      <div class="layui-col-md8">
        <div class="layui-row layui-col-space15">
          <div class="layui-col-md6">
            <div class="layui-card">
              <div class="layui-card-header">快捷方式</div>
              <div class="layui-card-body">
                
                <div class="layui-carousel layadmin-carousel layadmin-shortcut" lay-anim="" lay-indicator="inside" lay-arrow="none" style="width: 100%; height: 280px;">
                  <div carousel-item="">
                    <ul class="layui-row layui-col-space10 layui-this">
                      <li class="layui-col-xs3">
                        <a fps-title="菜单管理" fps-href="<%=request.getContextPath() %>/basemenu/basemenulist.html?requestName=basemenulist&responsePath=web/basemenu/basemenulist">
                          <i class="layui-icon layui-icon-spread-left"></i>
                          <cite>菜单</cite>
                        </a>
                      </li>	
                      <li class="layui-col-xs3">
                        <a fps-title="用户管理" fps-href="<%=request.getContextPath() %>/user/userlist.html?requestName=userlist&responsePath=web/user/userlist">
                          <i class="layui-icon layui-icon-user"></i>
                          <cite>用户</cite>
                        </a>
                      </li>
                      <li class="layui-col-xs3">
                        <a fps-title="备忘录" fps-href="<%=request.getContextPath() %>/basememory/basememorylist.html?requestName=basememorylist&responsePath=web/basememory/basememorylist">
                          <i class="layui-icon">&#xe642;</i>
                          <cite>备忘录</cite>
                        </a>
                      </li>
                    </ul>
                    <ul class="layui-row layui-col-space10">
                    </ul>
                  </div>
                <div class="layui-carousel-ind"><ul><li class="layui-this"></li><li></li></ul></div><button class="layui-icon layui-carousel-arrow" lay-type="sub"></button><button class="layui-icon layui-carousel-arrow" lay-type="add"></button></div>
                
              </div>
            </div>
          </div>
          <div class="layui-col-md6">
            <div class="layui-card">
              <div class="layui-card-header">待办事项</div>
              <div class="layui-card-body">

                <div class="layui-carousel layadmin-carousel layadmin-backlog" lay-anim="" lay-indicator="inside" lay-arrow="none" style="width: 100%; height: 280px;">
                  <div carousel-item="">
                    <ul class="layui-row layui-col-space10 layui-this">
                      <li class="layui-col-xs6">
                        <a href="javascript:;" class="layadmin-backlog-body">
                          <h3>新闻</h3>
                          <p><cite>66</cite></p>
                        </a>
                      </li>
                      <li class="layui-col-xs6">
                        <a href="javascript:;" class="layadmin-backlog-body">
                          <h3>公告</h3>
                          <p><cite>12</cite></p>
                        </a>
                      </li>
                      <li class="layui-col-xs6">
                        <a href="javascript:;" class="layadmin-backlog-body">
                          <h3>待审批</h3>
                          <p><cite>99</cite></p>
                        </a>
                      </li>
                      <li class="layui-col-xs6">
                        <a href="javascript:;" class="layadmin-backlog-body">
                          <h3>待处理</h3>
                          <p><cite>20</cite></p>
                        </a>
                      </li>
                    </ul>
                    <ul class="layui-row layui-col-space10">
                      <li class="layui-col-xs6">
                        <a href="javascript:;" class="layadmin-backlog-body">
                          <h3>待完成</h3>
                          <p><cite style="color: #FF5722;">5</cite></p>
                        </a>
                      </li>
                    </ul>
                  </div>
                <div class="layui-carousel-ind"><ul><li class="layui-this"></li><li></li></ul></div><button class="layui-icon layui-carousel-arrow" lay-type="sub"></button><button class="layui-icon layui-carousel-arrow" lay-type="add"></button></div>
              </div>
            </div>
          </div>
          <div class="layui-col-md12">
            <div class="layui-card">
              <div class="layui-card-header">数据统计</div>
              <div class="layui-card-body">
                
                <div class="layui-carousel layadmin-carousel layadmin-dataview" data-anim="fade" lay-filter="LAY-index-dataview" lay-anim="fade" lay-indicator="inside" lay-arrow="none" style="width: 100%; height: 280px;">
                  <div carousel-item="" id="LAY-index-dataview">
                    <div class="layui-this" _echarts_instance_="1525229121630" style="-webkit-tap-highlight-color: transparent; user-select: none; cursor: default; background-color: rgba(0, 0, 0, 0);"><div style="position: relative; overflow: hidden; width: 1067px; height: 332px;"><div data-zr-dom-id="bg" class="zr-element" style="position: absolute; left: 0px; top: 0px; width: 1067px; height: 332px; user-select: none;"></div><canvas width="1067" height="332" data-zr-dom-id="0" class="zr-element" style="position: absolute; left: 0px; top: 0px; width: 1067px; height: 332px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas width="1067" height="332" data-zr-dom-id="1" class="zr-element" style="position: absolute; left: 0px; top: 0px; width: 1067px; height: 332px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas width="1067" height="332" data-zr-dom-id="_zrender_hover_" class="zr-element" style="position: absolute; left: 0px; top: 0px; width: 1067px; height: 332px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><div class="echarts-tooltip zr-element" style="position: absolute; display: none; border-style: solid; white-space: nowrap; transition: left 0.4s, top 0.4s; background-color: rgba(50, 50, 50, 0.5); border-width: 0px; border-color: rgb(51, 51, 51); border-radius: 4px; color: rgb(255, 255, 255); font-family: 微软雅黑, Arial, Verdana, sans-serif; padding: 5px; left: 860px; top: 74px;">21:00<br>PV : 5,888<br>UV : 588</div></div></div>
                    <div></div>
                    <div></div>
                  </div>
                <div class="layui-carousel-ind"><ul><li class="layui-this"></li><li></li><li></li></ul></div><button class="layui-icon layui-carousel-arrow" lay-type="sub"></button><button class="layui-icon layui-carousel-arrow" lay-type="add"></button></div>
                
              </div>
            </div>
          </div>
        </div>
      </div>
      
      
    </div>
  </div>
</body>
<script type="text/javascript" src="<%=request.getContextPath() %>/other/layui/layui.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/js/common/jquery-2.0.3.min.js"></script>
<script src="js/home-menu/contabs.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
    //hover()方法
    $('.layui-card .layui-carousel-ind ul li').hover(function(){
    	 //变换title
    	 $(this).siblings().attr("class","");
    	 $(this).attr("class","layui-this");
    	 //变换内容
    	 $(this).parent().parent().prev().children().siblings().attr("class","layui-row layui-col-space10");
    	 var index = $(this).index();
    	 $(this).parent().parent().prev().children().eq(index).attr("class","layui-row layui-col-space10 layui-this");
    },function(){
    	
    });
});
layui.use(['form', 'layedit', 'laydate','layer'], function(){
	  var $ = layui.jquery
	  ,form = layui.form
	  ,layer = layui.layer
	  ,layedit = layui.layedit
	  ,laydate = layui.laydate;
  		//日期
	  	laydate.render({
	    	elem: '#creattime'
	  	});    	
	  
	  //监听提交
	  form.on('submit(basememoryadd)', function(data){
	 	  var url;
		  if($("#pagetype").val()=='add'){
		  	url="<%=request.getContextPath() %>/basememory/basememoryAddSubmit.html";
		  }else{
		 	 url="<%=request.getContextPath() %>/basememory/basememoryUpdateSubmit.html";
		  }
		  $.ajax({
              url:url,
              type:"post",
              async: false,
              data:data.field,
              success:function(res){
			   		var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
		   	  		parent.layer.close(index);
              },
              error:function(e){
            	  layer.alert("错误！");
              }
          });  
	  });
	  
	});
</script>
</body>
</html>